<template>
	<view>
		<view class="tip">
			<view class="title">注意：</view>
			<view class="item">1. 审核通过后，来访人收到短信通知（含进校二维码链接），可在校门处刷动态二维码或身份证进校。</view>
			<view class="item">2. 如遇特殊情况，学校将视情调整访客入校预约政策，请预约人提前关注。</view>
		</view>
		<view style="height: 60rpx;"></view>
<!-- 		<view class="btn" @click="toInvite">
			<view class="icon">
				<image class="icon_yuyue" src="../../static/icon_yuyue.png" mode="widthFix"></image>
			</view>
			<view class="text">
				<text>校外访客预约通道</text>
				<text>（需邀请码）</text>
			</view>
		</view> -->

		<view class="btn" @click="toIndex">
			<view class="icon">
				<image class="icon_zhigong" src="../../static/icon_zhigong.png" mode="widthFix"></image>
			</view>
			<view class="text">
				<text>校内教职工预约通道</text>
			</view>
		</view>
		<declareNotice :show-notice.sync="showNotice"></declareNotice>
	</view>
</template>

<script>
	import declareNotice from '@/components/declareNotice/index.vue'
	export default {
		data() {
			return {
				showNotice: true
			}
		},
		components: {declareNotice},
		methods: {
			toInvite() {
				uni.navigateTo({
					url: '/pages/visitor/notice'
				})
			},
			toIndex() {
				uni.navigateTo({
					url: '/pages/index/index'
				})
			}
		}
	}
</script>

<style lang="scss">
.tip {
	margin: 30rpx;
	padding-top: 60rpx;
	
	.title {
		font-size: 34rpx;
		margin-bottom: 10rpx;
	}
	.item {
		text-indent: 1rem;
		color: red;
	}
}
.btn {
	margin: 30rpx;
	background: #fff;
	border-radius: 20rpx;
	display: flex;
	align-items: center;
	padding: 30rpx;
	
	.icon {
		width: 160rpx;
		height: 160rpx;
		background: #2A82E4;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.icon_yuyue {
		width: 100rpx;
		height: 100rpx;
	}
	.icon_zhigong {
		width: 140rpx;
	}
	.text {
		flex: 1;
		text-align: center;
		font-size: 38rpx;
		color: #333;
		text {
			display: inline-block;
		}
	}
}
</style>
